<template>
  <div class="type-container">
      <tabs></tabs>
      <div class="type-img">
      </div>
      <div class="type-list">
        <type-list @gotoNews="gotoNews"></type-list>
      </div>
      <!-- <div class="introduce">
        <my-introduce></my-introduce>
      </div> -->
  </div>
</template>

<script>
import tabs from './tabs'
import typeList from './typeList'
import myIntroduce from './introduce'
export default {
  components: {
    tabs,
    typeList,
    myIntroduce
  },
  methods: {
    gotoNews (name) {
      this.$router.push(
        {
          name: 'search',
          params: {
            name: name,
            code: 0
          }
        }
      )
    }
  }
}
</script>

<style lang="stylus" scoped>
  .type-img
    margin-top: 20px
    width 380px
    height 120px
    background url('../common/image/bck.png') no-repeat center
  .type-list
    margin-top: 62px
    background-color: #fff
  .introduce
    margin-top: 20px
    background-color: #fff
</style>
